@charset "gb2312";
/* CSS Document */

/***** 全局样式 Global-Style *****/
*						{margin: 0; padding: 0;}
html,body				{margin: 0; font: 12px/160%,"宋体"; background:url(../images/bg_top.png) center top no-repeat;}
form,ul,li,dl,dt,dd		{margin: 0; padding: 0; list-style: none;}
img						{border:none;}

/***** 全局链接 Global-Link-Style *****/
a			{color: #606163; font-size:12px; text-decoration: none;}
a:hover		{color: #ff0000;}

/***** 水平居中 *****/
.cen{margin:0 auto;margin-left:auto;margin-right:auto;  }

/***** 清除浮动 *****/
.cen{clear:both;}
.clear{ clear:both;}

/***** 特殊字体 *****/
@font-face
{
font-family:zt;
src:url(../fonts/金桥简隶书.TTF);
}

/******************************* 顶部 *******************************/
#top_w{ width:100%; height:36px; border-bottom:solid 1px #eeeeee;box-shadow:0px 0px 4px #c0c0c0;/*兼容operaspace:nowrap*/  -moz-box-shadow:0px 0px 4px #c0c0c0;/*兼容firefox*/-webkit-box-shadow:0px 0px 4px #c0c0c0;/*兼容safari或chrome*/}
.top_w{ width:1200px; height:36px;}

.top_tel{ float:left;color:#444343;font:14px/36px "微软雅黑"; margin-left:26px;}

/****** 三个ico ******/
.top_ico{ float:left;margin:3px 0px 0px 525px; }
.top_ico li{ float:left; margin-left:8px;} 
/*  2018.04.24添加 */
/* 人事系统 */
.top_ico .i8 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico08.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i8 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico08.png) no-repeat right bottom; } 
.top_ico .i8 a div{display:none;} 
.top_ico .i8 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i8 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 

/* 安全系统 */
.top_ico .i7 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico07.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i7 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico07.png) no-repeat right bottom; } 
.top_ico .i7 a div{display:none;} 
.top_ico .i7 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i7 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 

/* 资产系统 */
.top_ico .i6 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico06.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i6 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico06.png) no-repeat right bottom; } 
.top_ico .i6 a div{display:none;} 
.top_ico .i6 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i6 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 

/* 太平洋集装箱业务系统 */
.top_ico .i5 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico05.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i5 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico05.png) no-repeat right bottom; } 
.top_ico .i5 a div{display:none;} 
.top_ico .i5 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i5 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 

/* 船舶GPS监控系统 */
.top_ico .i4 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico04.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i4 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico04.png) no-repeat right bottom; } 
.top_ico .i4 a div{display:none;} 
.top_ico .i4 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i4 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 
/*  emd 2018.04.24添加 */
/* 微信 */
.top_ico .i1 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico01.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i1 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico01.png) no-repeat right bottom; } 
.top_ico .i1 a div{display:none;} 
.top_ico .i1 a:hover div{width:140px; height:150px;position:absolute; margin:0px 0px 0px -100px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i1 a div p{ width:120px; margin:0 auto; margin-top:10px;display:block; text-align:center; color:#2b302e;} 
.top_ico .i1 a div p img{ width:120px; height:120px;display:block; text-align:center; color:#2b302e;} 
.top_ico .i1 a div p span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 
/* 手机 */
.top_ico .i2 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico02.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i2 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico02.png) no-repeat right bottom; } 
.top_ico .i2 a div{display:none;} 
.top_ico .i2 a:hover div{width:140px; height:150px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/} 
.top_ico .i2 a div p{ width:120px; margin:0 auto; margin-top:10px;display:block; text-align:center; color:#2b302e;} 
.top_ico .i2 a div p img{ width:120px; height:120px;display:block; text-align:center; color:#2b302e;} 
.top_ico .i2 a div p span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 
/* OA */
.top_ico .i3 a h3{display:block;width:30px;height:30px;background:url(../images/top_ico03.png) no-repeat right top;text-indent:-9999px;}
.top_ico .i3 a:hover h3{display:block; width:30px; height:30px;background:url(../images/top_ico03.png) no-repeat right bottom; } 
.top_ico .i3 a div{display:none;} 
.top_ico .i3 a:hover div{ padding:10px;position:absolute; margin:0px 0px 0px -20px;display:block;color:#000; overflow:hidden; z-index:100; border:#eee solid 1px; background:rgba(255,255,255,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffff,endColorstr=#9ffffff);/*针对IE8*/}
.top_ico .i3 a div p{ width:120px; margin:0 auto; margin-top:10px;display:block; text-align:center; color:#2b302e;} 
.top_ico .i3 a div p img{ width:120px; height:120px;display:block; text-align:center; color:#2b302e;}  
.top_ico .i3 a div span{display:block; text-align:center; color:#2b302e;font:12px/20px "微软雅黑";} 
/* TOP链接 */
.top_r{width:200px; height:36px; float:right;font:12px/36px "微软雅黑"; color:#444343;margin-right:28px;}
.top_r a{ padding:0px 8px;font:12px/36px "微软雅黑"; color:#4f4f4f;}
.top_r a:hover{ color:#F00; text-decoration:underline;}



/****** nav ******/
.top_b{ width:1200px;margin-top:35px; height:85px; margin-bottom:40px;}
.logo{ width:572px; height:85px; float:left; margin-left:22px;}
.top_link {width:308px; height:85px; margin-right:36px; float:right;}
.link_list{width: 308px; height: 35px; background:url(../images/lbk.jpg) no-repeat left top;margin:10px 0 ; overflow: hidden;}
.top_link select{ font:14px/35px "微软雅黑";width:308px; height: 35px;color: #474747; border: none; background: transparent;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none; appearance:none;padding: 0 15px;}
.link_list select::-ms-expand { display: none; }
.link_list select option{color: #474747; background: #fff;line-height: 33px;}

/****** nav ******/
.nav_w{ width:100%; position: relative; height: 40px; min-width: 1200px;z-index:99999999999999;}
.top_nav{width:1200px; margin:0 auto;height: 40px;position: relative;}
.top_nav .nLi{display:block;float: left;width: auto;height:40px;	position: relative;}
.top_nav .nLi .title{ color: #3a3939; font-family:"微软雅黑";font-size: 16px; border-radius: 15px;padding:7px 16px; margin:0px 10px 0px  24px;}
.top_nav .nLi.on .title{color: #fff;background: #1a95fe;}
.menu_bg {position: absolute;left: 0; top: 40px; height: 0px; width: 100%; background: #fff; opacity: 0.95;filter: alpha(opacity:95);
display: block; z-index: 8888;box-shadow: 3px 10px 20px rgba(0, 0, 0, .5);}
.sub{position: absolute;top:40px;/*display: none;*/	height: auto;  /*border: 1px solid #0161b2;*/background: #fff; z-index: 9999; width: 100%;}
.sub_left{z-index: 9999;position: absolute;left: 0px;width: 100%;height: 0px;border-left: 1px solid #eaeaea;overflow: hidden;display: block;}
.sub_left_border{border-left: none;}
.menu_hover{background: #EAEAEA;}
.sub_left li{width: 100%;text-align: center;line-height:35px;color: #666;}
.sub_left li:nth-child(1){margin-top: 25px;}
.sub_left li a{width: 100%;height: 100%;display: block;color: #333;font-size:14px; font-family:"微软雅黑"; }
.sub_left li a:hover{background: #fff;}
.icon{position: absolute;  z-index: 10; top: -20px; border-color:rgba(234,234,234,0) rgba(234,234,234,0) #eaeaea;border-style: dashed dashed solid;border-width:10px;font-size: 0;height: 0;width: 0;line-height: 0;display: none;left:50%; margin-left: -5px;}
.logo_right{ width: 5.2%; float: right; margin-top:20px; min-width: 60px; margin-right: 2.8%;}
.logo_right img{width: 100%;}

/***** banner *****/
.DB_tab25 {width:100%;height:auto;position:relative;overflow:hidden}
.DB_tab25 .pic img { width:100%;  display: block;}

.DB_tab25 .DB_bgSet{position:absolute; top:0; left:0; width:100%; height:auto;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;display:none;}
.DB_tab25 .DB_bgSet li img{width:100%;}

.DB_tab25 .DB_imgSet{position:absolute !important;width:100%;z-index:999999; top:0;}
.DB_tab25 .DB_imgSet li{ width:100%;}

.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:54%!important;top:31%!important;width:30%;}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:19%;top:34%;width:26.5%;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:19%;top:34%;width:26.5%;}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:24%;top:40%;width:32%;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:24%;top:40%;width:32%;}

.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:48%;top:17%;width:30%;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:48%;top:17%;width:30%;}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:48%;top:17%;width:30%;}

.DB_tab25 .DB_imgSet .DB_5_1{position:absolute;left:0;top:0px;width:100%;}
.DB_tab25 .DB_imgSet .DB_5_2{position:absolute;left:36%;top:48%;width:28%;}

.DB_tab25 .DB_imgSet .DB_6_1{position:absolute;left:48.4%;top:32.2%;width:28.9%;}
.DB_tab25 .DB_imgSet .DB_6_2{position:absolute;left:48.4%;top:32.2%;width:28.9%;}

.DB_tab25 .DB_menuSet{position:absolute;width:100%;bottom:5%;text-align:center;font-size:0; z-index:9999999;}
.DB_tab25 .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


.DB_tab25 .DB_prev{position:absolute;left:2%;bottom:50%; margin-bottom:-28px;cursor:pointer;display:none; z-index:9999999;}
.DB_tab25 .DB_next{position:absolute;right:2%;bottom:50%; margin-bottom:-28px;cursor:pointer;display:none; z-index:9999999;}
/***** 查询 *****/
.cx{ width:100%; height:120px;background:url(../images/cx_bg.jpg) repeat-x left top;}
.hasMoreTab{width:1200px;}
.hasMoreTab .hd{ line-height:45px; height:45px;position:relative; padding-right:10px; }
.hasMoreTab .hd ul{ z-index:5; position:absolute; height:45px;  overflow:hidden; zoom:1; }
.hasMoreTab .hd li{ float:left;  padding:0 25px; cursor:pointer; color:#fff; font:16px/45px "微软雅黑"; }
.hasMoreTab .hd li.on{ font-weight:bold; height:45px; line-height:45px; background:#f1f1f1;color:#101010;  font:16px/45px "微软雅黑"; }
.hasMoreTab .bd{clear:both; position:relative;  }
.hasMoreTab .bd ul{ width:1200px; height:65px;}
.hasMoreTab .bd ul li{ width:275px;float:left;}
.hasMoreTab .bd ul li span{ height:70px;font:14px/65px "微软雅黑"; color:#3a3a3a; margin-right:10px;}
.hasMoreTab .bd ul li input{ width:180px;font:12px/28px "微软雅黑";height:28px;border:none; padding-left:5px; border:solid 1px #d2d2d2; color:#6c6c6c;-webkit-border-radius:5px 5px 5px 5px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:5px 5px 5px 5px;/*适配firefox浏览器*/
-ms-border-radius:5px 5px 5px 5px;/*适配IE浏览器*/
-o-border-radius:5px 5px 5px 5px;/*适配opera浏览器*/
border-radius:5px 5px 5px 5px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.hasMoreTab .bd ul li select{ margin-top:21px; width:185px; height:28px;font:12px/28px "微软雅黑";padding-left:20px; border:none; padding:2px; border:solid 1px #d2d2d2;color:#6c6c6c;
-webkit-border-radius:5px 5px 5px 5px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:5px 5px 5px 5px;/*适配firefox浏览器*/
-ms-border-radius:5px 5px 5px 5px;/*适配IE浏览器*/
-o-border-radius:5px 5px 5px 5px;/*适配opera浏览器*/
border-radius:5px 5px 5px 5px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.hasMoreTab .bd ul .cxbyd{ width:100px;float:left;}
.hasMoreTab .bd ul .cxbyd input{ margin-top:18px;width:100px; height:30px;font:14px/30px "微软雅黑"; color:#fff; background:#ff9b00; cursor:pointer; border:none;}
.hasMoreTab .tel{  width:294px;height:45px;position:relative; padding-right:10px; float:right; margin-top:-45px;color:#fff;font:16px/45px "微软雅黑"; text-align:center;}

#container{width:1200px; background:url(../images/bg.png) repeat left top;}
/* 防止高度称不开 */
.clearfix:after {content: '.';clear: both;display: block;height: 0; visibility: hidden;}
.clearfix:after, .clearfix:before {content: " "; display: table;}



/***** 公共底部 *****/
.foot_w{ width:100%; height:280px;background:#e5e5e5;}
.foot{ width:1200px; padding-top:35px;}

.foot_left{width:442px; height:200px;float:left; margin-left:18px;}
/*** 搜索 ***/
#search {display:block;width:324px;height:38px; margin-bottom:35px;}
#search li.ipt{ float:left;width:276px; height:38px; background:#f6f6f6;}
#search li.ipt .keyword{ float:left;display:block; border:none;width:266px; padding-left:10px;height:38px;font:14px/38px "微软雅黑"; color:#8a8a8a;}
#search li.btn{ float:right;cursor:pointer;width:48px;height:38px; display:block;background:url(../images/ss_fdj.jpg) no-repeat left center; }

.foot_nav{width:324px;font:14px/40px "微软雅黑";color:#232323; }
.foot_nav a {height:35px;font:14px/40px "微软雅黑"; color:#232323; padding:0px 6px;}
.foot_nav a:hover{ text-decoration:underline;}

.copyright {float:left; width:442px;font:12px/26px "微软雅黑"; color:#232323; }
.copyright span{ width:442px; height:26px;display:block; }
.copyright a{ font:12px/26px "微软雅黑"; color:#232323; }
.copyright a:hover{ text-decoration:underline;}

.foot_cen{width:310px;float:left;}
.foot_cen h3{font:18px/22px "微软雅黑"; color:#515151; margin-bottom:10px;}
.foot_cen p{font:12px/30px "微软雅黑"; color:#161616;}


.foot_right{width:380px;float:right; }
.foot_right input{-webkit-border-radius:5px 5px 5px 5px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:5px 5px 5px 5px;/*适配firefox浏览器*/
-ms-border-radius:5px 5px 5px 5px;/*适配IE浏览器*/
-o-border-radius:5px 5px 5px 5px;/*适配opera浏览器*/
border-radius:5px 5px 5px 5px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.foot_right h3{font:18px/22px "微软雅黑"; color:#515151; margin-bottom:10px;}
.foot_right #in_bt{ width:328px; height:29px; padding:0 5px; border:solid 1px #c9c9c9; margin-bottom:10px;color:#7e7e7e;font:12px/22px "微软雅黑";}
.foot_right #in_nr{ width:328px; height:76px; padding:5px;border:solid 1px #c9c9c9; margin-bottom:8px; color:#7e7e7e;font:12px/22px "微软雅黑";
-webkit-border-radius:5px 5px 5px 5px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:5px 5px 5px 5px;/*适配firefox浏览器*/
-ms-border-radius:5px 5px 5px 5px;/*适配IE浏览器*/
-o-border-radius:5px 5px 5px 5px;/*适配opera浏览器*/
border-radius:5px 5px 5px 5px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.foot_right #in_btn { width:380px; height:31px;}
.foot_right #in_btn div { width:112px; height:31px; float:left;margin-right:32px;}
.foot_right #in_btn input{ width:112px; height:31px;cursor:pointer; border:none; display:block; background:#ff9b00; color:#fff;font:14px/31px "微软雅黑";}